<!doctype html>
<html itemscope itemtype="http://schema.org/Product">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=Utf-8">
  <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
  <script type="text/javascript" src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js
"></script>

</head>
<div id="input" align="center">
	<textarea rows="5" cols="100" id="text" autofocus></textarea>
</div>
<dir align="center">
	<span id="title" contenteditable="true">1111</span>
	<br><br>
	<div id="qrcode"></div>
</dir>


<script type="text/javascript">
jQuery('#qrcode').qrcode("this plugin is great");
$("#text").bind('input', function(){
	console.log($("#text").val());
	$("#qrcode").html("");
	$("#title").text($("#text").val());
	jQuery('#qrcode').qrcode($("#text").val());
});

</script>
</html>
